<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="../js/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp.filters">

    <div>
        <!-- Ginger loves dog treats -->
        {{ 'ginger loves dog treats' | lowercase | capitalize }}
    </div>

</div>
<script type="text/javascript">

    var app = angular.module("myApp.filters",[]);
    app.filter('capitalize',function(){
        return function(input){
            if(input){
                return input[0].toUpperCase() + input.slice(1);
            }
        }
    });


</script>
</body>
</html>